<script setup lang='ts'>
import type { IProps } from "./types"
import { omit } from 'lodash-es'

defineOptions({
  name: 'VtIcon',
})

const props = defineProps<IProps>()

const filterProps = omit(props, ["type"])

</script>

<template>
  <i class='vt-icon__container' :class="{ [`vt-icon--${type}`]: type }">
    <font-awesome-icon v-bind="filterProps" />
  </i>
</template>

<style scoped lang='scss'></style>